Giới thiệu
Game HTML5 là gì?
Game HTML5 thực chất là game được tạo bằng HTML5, CSS3 và JavaScript. Hầu hết thời gian bạn sẽ làm việc với JavaScript.
Chuỗi bài học này nói về điều gì?
Tự tạo game của riêng bạn với HTML5 và JavaScript. Tìm hiểu về vòng lặp game (game loop), hoạt ảnh & sprite (animation & sprite), phát hiện va chạm (collision detection) và vật lý (physics). Theo dõi chuỗi bài học này để hoàn thành một game HTML5 cơ bản cho riêng bạn.
Bạn sẽ học được gì từ chuỗi bài học này?
Chuỗi bài học sẽ dẫn dắt bạn qua các bước sau:
- Thiết lập tệp HTML5 với canvas
- Học cách vẽ hình khối, đường nét và văn bản
- Tạo vòng lặp game (game loop)
- Tạo hoạt ảnh cho đối tượng và sử dụng easing
- Phát hiện va chạm và áp dụng vật lý
- Vẽ hình ảnh và hoạt ảnh sprite
- Cùng tạo một game
Bài học này là một phiên bản tham khảo từ hướng dẫn của Spicy Yoghurt